<div class="">
    <div class="white-bg padding-left padding-right padding-top border-radius-top">
        <div class="flex justify-between">
            <div class="text-title">
                费用信息
            </div>
            <div>

            </div>
        </div>
        <!-- 业主信息 -->
        <div class="margin-top">
            <div class="row">
                <div class="col-sm-12">
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="费用ID：" namespace="adminFeeDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminFeeDetailInfo.feeId}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="费用标识：" namespace="adminFeeDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminFeeDetailInfo.feeFlagName || '-'}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="费用类型：" namespace="adminFeeDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminFeeDetailInfo.feeTypeCdName}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="付费对象：" namespace="adminFeeDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminFeeDetailInfo.payerObjName || '-'}}</label>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="费用项：" namespace="adminFeeDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminFeeDetailInfo.feeName}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="费用状态：" namespace="adminFeeDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminFeeDetailInfo.stateName}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="建账时间：" namespace="adminFeeDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminFeeDetailInfo.startTime}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="批次：" namespace="adminFeeDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminFeeDetailInfo.batchId}}</label>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="应收开始时间：" namespace="adminFeeDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{_getEndTime(adminFeeDetailInfo)}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="应收结束时间：" namespace="adminFeeDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{_getDeadlineTime(adminFeeDetailInfo)}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="欠费金额：" namespace="adminFeeDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminFeeDetailInfo.amountOwed}}</label>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-3" v-for="(item,index) in adminFeeDetailInfo.attrs">
                            <div class="form-group">
                                <label class="col-form-label">
                                    {{item.specCdName}}:
                                </label>
                                <label class="">{{item.value}}</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="vc-line-primary margin-top"></div>

        <div class="margin-top-sm">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aRoomDetailHisFee'}" v-on:click="changeTab('aRoomDetailHisFee')">
                        <vc:i18n name="缴费记录" namespace="adminFeeDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item" v-if="adminFeeDetailInfo.payerObjType == '3333'">
                    <a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aRoomDetailRoom'}" v-on:click="changeTab('aRoomDetailRoom')">
                        <vc:i18n name="关联房屋" namespace="adminFeeDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item" v-if="adminFeeDetailInfo.payerObjType == '6666'">
                    <a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aRoomDetailCar'}" v-on:click="changeTab('aRoomDetailCar')">
                        <vc:i18n name="关联车辆" namespace="adminFeeDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item" v-if="adminFeeDetailInfo.payerObjType == '7777'">
                    <a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'adminFeeDetailContract'}" v-on:click="changeTab('adminFeeDetailContract')">
                        <vc:i18n name="关联合同" namespace="adminFeeDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aFeeDetailHis'}" v-on:click="changeTab('aFeeDetailHis')">
                        <vc:i18n name="修改记录" namespace="adminFeeDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aFeeDetailConfig'}" v-on:click="changeTab('aFeeDetailConfig')">
                        <vc:i18n name="费用项" namespace="adminFeeDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aRoomDetailOwner'}" v-on:click="changeTab('aRoomDetailOwner')">
                        <vc:i18n name="业主" namespace="adminFeeDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aFeeDetailFeeObj'}" v-on:click="changeTab('aFeeDetailFeeObj')">
                        <vc:i18n name="同费用对象" namespace="adminFeeDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aRoomDetailMeterWaterLog'}" v-on:click="changeTab('aRoomDetailMeterWaterLog')">
                        <vc:i18n name="关联抄表" namespace="adminFeeDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aFeeDetailImport'}" v-on:click="changeTab('aFeeDetailImport')">
                        <vc:i18n name="关联导入" namespace="adminFeeDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aFeeDetailDiscount'}" v-on:click="changeTab('aFeeDetailDiscount')">
                        <vc:i18n name="优惠申请" namespace="adminFeeDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aRoomDetailReceipt'}" v-on:click="changeTab('aRoomDetailReceipt')">
                        <vc:i18n name="补打收据" namespace="adminFeeDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item" v-if="adminFeeDetailInfo.feeFlag != '2006012'">
                    <a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aFeeDetailSub'}" v-on:click="changeTab('aFeeDetailSub')">
                        <vc:i18n name="费用拆分" namespace="adminFeeDetail"></vc:i18n>
                    </a>
                </li>
                <!-- <li class="nav-item" v-if="adminFeeDetailInfo.feeFlag == '2006012'">
                    <a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'adminFeeDetailFeeRule'}" v-on:click="changeTab('adminFeeDetailFeeRule')">
                        <vc:i18n name="账单规则" namespace="adminFeeDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item" v-if="adminFeeDetailInfo.feeFlag == '2006012'">
                    <a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'adminFeeDetailRuleBill'}" v-on:click="changeTab('adminFeeDetailRuleBill')">
                        <vc:i18n name="费用账单" namespace="adminFeeDetail"></vc:i18n>
                    </a>
                </li> -->
            </ul>
        </div>
    </div>

     <div class="white-bg padding-left padding-right padding-top border-radius-bottom">
        <div v-if="adminFeeDetailInfo._currentTab == 'aRoomDetailHisFee'">
            <vc:create path="community/aRoomDetailHisFee"></vc:create>
        </div>
        <div v-if="adminFeeDetailInfo._currentTab == 'aRoomDetailRoom'">
            <vc:create path="community/aRoomDetailRoom"></vc:create>
        </div>
        
        <div v-if="adminFeeDetailInfo._currentTab == 'aRoomDetailCar'">
            <vc:create path="community/aRoomDetailCar"></vc:create>
        </div>
        <!-- <div v-if="adminFeeDetailInfo._currentTab == 'adminFeeDetailContract'">
            <vc:create path="fee/adminFeeDetailContract"></vc:create>
        </div> -->
        <div v-if="adminFeeDetailInfo._currentTab == 'aFeeDetailHis'">
            <vc:create path="fee/aFeeDetailHis"></vc:create>
        </div>
        
    
        <div v-if="adminFeeDetailInfo._currentTab == 'aFeeDetailConfig'">
            <vc:create path="fee/aFeeDetailConfig"></vc:create>
        </div>

        
        <div v-if="adminFeeDetailInfo._currentTab == 'aRoomDetailOwner'">
            <vc:create path="community/aRoomDetailOwner"></vc:create>
        </div>

        <div v-if="adminFeeDetailInfo._currentTab == 'aFeeDetailFeeObj'">
            <vc:create path="fee/aFeeDetailFeeObj"></vc:create>
        </div>
             
        <div v-if="adminFeeDetailInfo._currentTab == 'aRoomDetailMeterWaterLog'">
            <vc:create path="community/aRoomDetailMeterWaterLog"></vc:create>
        </div>
  
        <div v-if="adminFeeDetailInfo._currentTab == 'aFeeDetailImport'">
            <vc:create path="fee/aFeeDetailImport"></vc:create>
        </div>
                 
        <div v-if="adminFeeDetailInfo._currentTab == 'aFeeDetailDiscount'">
            <vc:create path="fee/aFeeDetailDiscount"></vc:create>
        </div>
 
        <div v-if="adminFeeDetailInfo._currentTab == 'aRoomDetailReceipt'">
            <vc:create path="community/aRoomDetailReceipt"></vc:create>
        </div>
    
        <div v-if="adminFeeDetailInfo._currentTab == 'aFeeDetailSub'">
            <vc:create path="fee/aFeeDetailSub"></vc:create>
        </div>
            <!--
        <div v-if="adminFeeDetailInfo._currentTab == 'adminFeeDetailFeeRule'">
            <vc:create path="fee/adminFeeDetailFeeRule"></vc:create>
        </div>
        <div v-if="adminFeeDetailInfo._currentTab == 'adminFeeDetailRuleBill'">
            <vc:create path="fee/adminFeeDetailRuleBill"></vc:create>
        </div>
        
        -->
    </div> 

</div>